<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>FusionCharts for FileMaker Solutions</title>
<style>
/* CSS Document */

body{
 margin:0px;
 background: #7B7B7B;
}
.main{
 width:780px;
}
.body-part{
 background:#F3ECDB;
 border-left:2px solid #ffffff;
 border-right:2px solid #ffffff;
}
.productcaption{
 font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size: 20px;
 font-weight:normal;
 line-height:25px;
 color:#61491A;
 text-decoration:none;
}
.text{ 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:#443207;
}
.darkTR{
	background-color:#443207;
}
.textarea{
 border:1px solid #DBCEAA;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight:normal;
 color:#443207;
}
.button{
 height:22px;
 border:0px;
 background:#F4DFAC;
 border:1px solid #DBCEAA;
 font-size: 11px;
 font-weight:normal;
 color:#443207;
}

.footer-text{
 font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight:normal;
 line-height:14px;
 color:#C6B68E;
 text-decoration:none;
}
.footer{ 
 border-left:2px solid #ffffff;
 border-right:2px solid #ffffff;
 font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 color:#C6B68E;
}
.copyright{
 font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight:normal;
 color:#FFFFFF;
 text-decoration:none;
}
</style>
<script type="text/javascript" language="javascript">
	function paste(){
		var PastedText = document.getElementById("FCQS").createTextRange();
	   PastedText.execCommand("Paste");	
	}

	function renderFromQS(FCQS){
		
		if(trim(FCQS)==""){
			
			alert("Please provide FusionCharts URL/Query String");
		}
		else{
			if(document.getElementById("debug").checked){		
				FCQS +="&debugMode=1";
				if(FCQS.charAt(0)!='?')
					alert("Please start your FusionCharts URL/Query String with a ? character");
			}
			if(FCQS.charAt(0)!='?')
				FCQS="?"+FCQS;
			window.frames[0].location="FusionCharts.html"+FCQS;

		}

	}
	
	function trim(str){
	
		if(str!=""||str!=null){
			str=str.replace(/^\s+/,"");
			str=str.replace(/\s+$/,"");
		}
		return str;
	}
</script>
</head>

<body ><table width="781" border="0" align="center" cellpadding="0" cellspacing="0" class="main">
  
  <tr>
    <td colspan="3" align="left" valign="top" class="body-part"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="left" valign="top" class="body-top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="left" valign="top">&nbsp;</td>
          </tr>
          <tr>
            <td align="left" valign="top"><a href="http://www.fusioncharts.com/FileMaker" target="_blank" class="productcaption">&nbsp; FusionCharts for FileMaker - Querystring/URL Validator</a></td>
          </tr>
          <tr height='1' class='darkTR'>
            <td align="left" valign="top"></td>
          </tr>
          <tr>
            <td align="left" valign="top">&nbsp;</td>
          </tr>
          <tr>
            <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="7" align="left" valign="top">&nbsp;</td>
                <td width="786" align="left" valign="top" class="overview">
				<table width="100%" border="0" cellspacing="0" cellpadding="0">
				  <tr>
					<td width="100%" height="16" align="left" valign="top"><table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
					  <tr>
						<td><p class="text">Here, you can validate your FusionCharts URL. Please enter the FusionCharts URL generated by your solution in the form below and press &quot;Render Chart&quot; button. If the URL format is correct, you'll see a chart as intended.</p>
						  <p class="text">Else, you can use the debug mode to list the errors present in your Querystring. </p>
						  <p class="text">For an example, we've shown a Column chart by default with its respective URL format. </p></td>
					  </tr>
					</table>      </td>
				  </tr>
				  <tr>
					<td align="left" valign="top" >&nbsp;</td>
				  </tr>
				  <tr>
					<td align="center" valign="top" ><iframe class="textarea" frameborder="0" scrolling="auto" id="chartFrame"  src="FusionCharts.html?v=3&chart=[chartWidth=620;chartHeight=400]&data=10;20;30;40&labels=Label 1;Label 2;Label 3;Label 4" height="400px" width="620px" ></iframe></td>
				  </tr>
				  <tr>
				    <td align="left" valign="top" >&nbsp;</td>
				    </tr>
				  <tr>
					<td align="left" valign="top" ><table width="620" border="0" align="center" cellpadding="0" cellspacing="0">
                      <tr>
                        <td class="text"><div align="center">Please paste your FusionCharts URL in the text input below and press &quot;Render Chart&quot; button </div></td>
                      </tr>
                      <tr>
                        <td class="text">&nbsp;</td>
                      </tr>
                      <tr>
                        <td valign="middle"><div align="center"><span class="overview-text1">
                          <textarea name="textarea" cols="100" rows="12" class="textarea" id="FCQS" style="width:620px;height:200px;">?v=3&amp;chart=[chartWidth=620;chartHeight=400]&amp;data=10;20;30;40&amp;labels=Label 1;Label 2;Label 3;Label 4</textarea>
                        </span></div></td>
                      </tr>
                      <tr height="30">
                        <td valign="middle"><div align="center"><span class="text"><span style="font-size:12px;">
                          <input name="checkbox" type="checkbox" class="chkbox" id="debug" style="width:21px;height:15px;" value="debug"/>
                        </span>Use Debug Mode</span></div></td>
                      </tr>
                      <tr>
                        <td><div align="center">
  <input name="paste" type="button" class="button" onclick="javascript:paste();" value="Paste URL from Clipboard" />
  &nbsp;&nbsp;
                          <input name="paste2" type="button" class="button" style="width:150px;" onclick="javaScript:renderFromQS(document.getElementById('FCQS').value);" value="Render Chart"/>
                        </div></td>
                      </tr>
                      
                    </table></td>
				  </tr>
				</table>				</td>
                <td width="7" align="left" valign="top">&nbsp;</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td align="center" valign="top">&nbsp;</td>
          </tr>
        </table></td>
      </tr>
      
      
    </table></td>
  </tr>
  <tr>
    <td colspan="3" align="center" valign="middle" class="footer"><span class="footer-text"><a href="http://www.infosoftglobal.com" class="footer-text"></a></span><a href="http://www.infosoftglobal.com" target="_blank" class="copyright">&copy; All Rights Reserved. InfoSoft Global (P) Ltd.</a></td>
  </tr>
  
</table>

</body>
</html>
